@charset "utf-8";
.container { position: relative; width: 100%; padding:50px 0; background:#f6f6f6; }

.indexArea { position:relative; }
.indexArea .swiper-slide { background:#fff; }
.indexArea .swiper-slide .pic { overflow:hidden; }
.indexArea .swiper-slide .pic img { transition: all 0.6s; }
.indexArea .swiper-slide .pic img:hover { transform: scale(1.1)!important; }

.indexArea .swiper-slide .txt { position:relative; padding:30px; }
.indexArea .swiper-slide .txt .p1 { font-size:18px; line-height:20px; color:#a4a3a3; }
.indexArea .swiper-slide .txt .p2 { font-size:20px; line-height:25px; color:#014099; font-weight:bold; margin:10px 0 20px; }
.indexArea .swiper-slide .txt .p3 ul li { float:left; width:48.5%; margin-right:3%; text-align:center; }
.indexArea .swiper-slide .txt .p3 ul li:nth-child(1) { margin-bottom:10px; }
.indexArea .swiper-slide .txt .p3 ul li:nth-child(2) { margin-bottom:10px; }
.indexArea .swiper-slide .txt .p3 ul li:nth-child(2n) { margin-right:0; }
.indexArea .swiper-slide .txt .p3 ul li a { display:block; background:#f1f1f1; height:50px; line-height:50px; }
.indexArea .swiper-slide .txt .p3 ul li a i { display:inline-block; width:50px; padding-left:25px; font-size:16px; color:#3f3f3f; text-align:left; }
 
.indexArea .swiper-slide .txt .p4 ul li { float:left; width:48.5%; margin-right:3%; text-align:center; }
.indexArea .swiper-slide .txt .p4 ul li a { display:block; background:#fbf0db; height:85px; color:#765618; padding-top:25px; }
.indexArea .swiper-slide .txt .p4 ul li a i { display:block; padding-top:40px; font-size:16px; }

.indexArea .swiper-slide .txt .p4 ul li:nth-child(2) { margin-right:0; }
.indexArea .swiper-slide .txt .p4 ul li:nth-child(2) a { background:#e1ecf7; color:#21578d; }

.indexArea .swiper-slide .txt .p5 ul li { font-size:16px; margin-bottom:10px; color:#3f3f3f; height:30px; line-height:30px; padding-left:15px; background:url(a03.png) no-repeat center left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.indexArea .swiper-slide .txt .p5 ul li:last-child { margin-bottom:0; }
.indexArea .swiper-slide .txt .p5 ul li span { float:right; margin-left:20px; color:#bbb; }

.indexArea .swiper-slide:before { position:absolute; left:0; bottom:0; width:0; height:3px; display:block; content:""; background:#104a9e; transition: all 0.6s; z-index:5; }
.indexArea .swiper-slide:hover:before { width:100%; }
 
.indexArea .prev01,.indexArea .next01 { position:absolute; top:50%; margin-top:-28px; display:block; width:56px; height:56px; z-index:5; }
.indexArea .prev01 { background:url(prev11.png) no-repeat center; left:-75px; }
.indexArea .next01 { background:url(next11.png) no-repeat center; right:-75px; }
.indexArea .prev01:hover { background:url(prev12.png) no-repeat center; }
.indexArea .next01:hover { background:url(next12.png) no-repeat center; }

@media all and (max-width:1680px){
	.indexArea { padding:0 45px; box-sizing: border-box; }
	.indexArea .prev01,.indexArea .next01 {  margin-top:-20px; width:40px; height:40px; background-size:contain!important; }
	.indexArea .prev01 { left:0; }
	.indexArea .next01 { right:0; }
}
@media all and (max-width:750px){
	.container { padding:30px 0 10px; }
	.indexArea { padding:0; }
	.indexArea .prev01,.indexArea .next01 { margin-top:-40px; width:35px; height:35px; display:none; }
	
	.indexArea .swiper-wrapper { display:block; }
	.indexArea .swiper-slide { display:block; margin-bottom:25px; }
	.indexArea .swiper-slide .txt { padding:20px; }
	.indexArea .swiper-slide .txt .p1 { font-size:14px; }
	.indexArea .swiper-slide .txt .p2 { font-size:16px; line-height:20px; margin:10px 0 15px; }
	.indexArea .swiper-slide .txt .p3 ul li a { height:40px; line-height:40px; }
	.indexArea .swiper-slide .txt .p3 ul li a i { width:50px; font-size:14px; }
 
	.indexArea .swiper-slide .txt .p4 ul li a { height:75px; padding-top:15px; }
	.indexArea .swiper-slide .txt .p4 ul li a i { font-size:14px; }
  
	.indexArea .swiper-slide .txt .p5 ul li { font-size:14px; height:25px; line-height:25px; margin-bottom:7px; }
	.indexArea .swiper-slide .txt .p5 ul li:last-child { margin-bottom:0; }
}
 